.servico:hover {
	color:#477dc4 !important;
	font-size: x-large !important;
	padding: 2;

}

.navbar .navbar-nav {
	display: inline-flex;
}

.animacao-card {
	animation-duration: 5s;
	animation-name: slidein;
}

@keyframes slidein {
	from {
	  margin-left: 100%;
	  width: 300%
	}
  
	to {
	  margin-left: 0%;
	  width: 100%;
	}
  }

.menu-center-nav{
	background-color: #ccc; 
}

.menu-center-div{
	background-color: #ccc; 
	text-align: center !important; 
	justify-content: center !important;
}

.hiddenBusca {
	display:none;
}

nav ul li.menu a{
	color: #2e529d !important;
}
nav ul li.menu a:hover{	
	color: #477dc4 !important;; 
}

nav ul li.menu a.nav-link.active{		
	color: #477dc4 !important;;   
  }

/*deslocamento aparente de um objeto quando se muda o ponto de observação.*/
.paralaxe-email{
	min-height: 200px;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
}
.normal-email{
	min-height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.perg-resp{
	background-color: #fff;
	border-radius: 0rem;
	margin-bottom: 0rem;	
}
/* Inico Rodape */
html {
  position: relative;
  min-height: 100%;
}
.footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #000;
}
/* Fim Rodape */
.sobre-empresa{
	background-color: #fff;
	border-radius: 0rem;
	margin-bottom: 0rem;	
}
.texto-paragrafo{
	font-family: calibri;
	font-size: 1.2rem;
}

.contato{
	background-color: #fff;
	border-radius: 0rem;
	margin-bottom: 0rem;	
}
.submitContato{
	background-color:white; 
	border-color:#CC9933; 
	color:#CC9933;
	width:300px; 
	height:50px; 
}
.submitContato:hover{
	background-color:#CC9933; 
	color:white;
	width:300px; 
	height:50px; 
}
.botao{
	background-color:white; 
	border-color:#CC9933; 
	color:#CC9933;
	font-size: 0.8rem;
	width:68px; 
	height:32px; 
}
.botao:hover{
	background-color:#CC9933; 
	color:white;
	font-size: 0.8rem;
	width:68px; 
	height:32px; 
}

.botaoPesquisa{
	background-color:white; 
	color:#CC9933;
	width:30px; 
	height:30px; 
}
.botaoPesquisa:hover{
	background-color:#CC9933; 
	color:white;
	width:30px; 
	height:30px; 
}
.submitContato:hover{
	background-color: white;
	border-color:#CC9933;
	color:#CC9933;
}
.blog{
	background-color: #fff;
	border-radius: 0rem;
	margin-bottom: 0rem;
	padding: 2rem 2rem;
}
/*Blog*/
/*Titulo*/
.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.display-5 {
	font-size: 1.2rem;
	font-weight: bold;
  }
  @media (min-width: 768px) {
	.display-4 {
	  font-size: 1.5rem;
	}
  }

/* Pagination */
.blog-pagination {
  margin-bottom: 4rem;
}
.blog-pagination > .btn {
  border-radius: 2rem;
}

.social-part .fa{
    padding-right:20px;
}
ul li a{
    margin-right: 20px;
}

/* botão back to top */
.back-to-top {
	bottom: 14px;
	cursor: pointer;
	height: 40px;
	position: fixed;
	right: 22px;
	width: 40px;
	z-index: 3;
}

.botao_btt{
	border-radius: 100;
	bottom: 70px;
	cursor: pointer;
	position: fixed;
	right: 18px;
	z-index: 999;
	transition: all 0.5s ease-out;
}

.invisivel {
	visibility: hidden;
	display: none;
}

.botao_voltar{
	border-radius: 100;
	bottom: 30px;
	cursor: pointer;
	position: fixed;
	right: 18px;
	z-index: 999;
	transition: all 0.5s ease-out;
}

.botao_whatsapp{
	bottom: 20px;
	cursor: pointer;
	position: fixed;
	right: 10px;
	z-index: 999;
	transition: all 0.5s ease-out;
}

.botao_telefone{
	bottom: 90px;
	cursor: pointer;
	position: fixed;
	right: 10px;
	z-index: 999;
	transition: all 0.5s ease-out;
}

.botao_instagram{
	bottom: 60px;
	cursor: pointer;
	position: fixed;
	right: 10px;
	z-index: 999;
	transition: all 0.5s ease-out;
}
hr{
	border-color: #CC9933; 
}

@keyframes myAnim {
	0% {
		animation-timing-function: ease-in;
		opacity: 1;
		transform: translateY(-45px);
	}

	24% {
		opacity: 1;
	}

	40% {
		animation-timing-function: ease-in;
		transform: translateY(-24px);
	}

	65% {
		animation-timing-function: ease-in;
		transform: translateY(-12px);
	}

	82% {
		animation-timing-function: ease-in;
		transform: translateY(-6px);
	}

	93% {
		animation-timing-function: ease-in;
		transform: translateY(-4px);
	}

	25%,
	55%,
	75%,
	87% {
		animation-timing-function: ease-out;
		transform: translateY(0px);
	}

	100% {
		animation-timing-function: ease-out;
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes myAnimFundo {
	0% {
		opacity: 0;
		transform: translateX(-250px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes myAnimDoc {
	0%,
	50%,
	100% {
		opacity: 1;
	}

	25%,
	75% {
		opacity: 0;
	}
}

.cardsobre
{	
	width: 15rem !important; 
	border-radius: 20px !important; 
	border-bottom:4px solid #477dc4 !important; 
}

.servicos
{	
	/* border: 3px dotted red;    */
	background-color:rgb(46, 82, 157);
}

.cardservico
{
	width: 18rem !important;
	border-radius: 20px !important; 
}

.cardestrutura
{
	width: 18rem !important; 
	border-radius: 20px !important; 
	border-bottom:4px solid #477dc4 !important;
}

.hero, .hero-mobile {
    position: relative; /* necessário para posicionamento absoluto dos botões */
}

/* ===== CONTAINERS ===== */
.hero, .hero-mobile {
    position: relative; /* necessário para que os botões com absolute funcionem */
}

/* ===== BOTÕES NO DESKTOP ===== */
.hero .acoes {
    position: absolute;
    top: 40%;      /* ajusta verticalmente */
    left: 12%;     /* ajusta horizontalmente */
    display: flex;
    flex-direction: column;
    gap: 15px;       /* espaço entre os botões */
}

.hero .btn-contato {
    font-size: 1.2rem;
    padding: 14px 24px;
    min-width: 220px;
    border-radius: 12px;
    text-decoration: none;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 6px 16px rgba(0,0,0,0.12);
    color: #fff;
}

.btn-red { background-color: #e53935; }
.btn-green { background-color: #2e7d32; }

.hero .btn-contato:hover {
    filter: brightness(0.95);
}

/* ===== BOTÕES NO MOBILE ===== */
.hero-mobile .acoes {
    position: absolute;
    top: 10%;          /* ajusta altura vertical */
    left: 50%;         /* centraliza horizontalmente */
    transform: translateX(-50%);
    display: flex;
    font-weight: bold;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 12px;
}

.hero-mobile .btn-contato {
    width: 70%;         /* ocupa 70% da tela */
    font-size: 1rem;
    padding: 12px 0;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-sizing: border-box;
	color: #fff;
    text-decoration: none;
}

.hero-mobile .btn-contato:hover {
    filter: brightness(0.95);
}

.pagina-home .btn-footer {
    display: none !important;
}